<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Demo1</title>
    <script src="js/webGLStart.js"></script>
</head>

<body onload="webGLStart();">
    <a href="#"></a>
    <br>
    <canvas id="lesson01-canvas" style="border:none;" width="500" height="500"></canvas>
    <br>

    <script id="shader-fs" type="x-shader/x-fragment">
    
        precision mediump float;
    
    
        void main(void) {
            gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
        }
    </script>
    
    <script id="shader-vs" type="x-shader/x-vertex">
        attribute vec3 aVertexPosition;
    
        uniform mat4 uMVMatrix;
        uniform mat4 uPMatrix;
    
        void main(void) {
            gl_Position = uPMatrix * uMVMatrix * vec4(aVertexPosition, 1.0);
        }
    </script>
</body>

</html>